<template>
    <div class="bg">
        <superLogin :url="url" class="login" :go="go">
            <div slot="default">
                <el-form-item style="width: 300px">
                    <a :href="register" v-if="register">注册新账号</a> <a :href="forget" style="float: right" v-if="forget">忘记密码</a>
                </el-form-item>
            </div>
        </superLogin>
    </div>
</template>

<script>
    import superLogin from './components/login'

    export default {
        name: "loginView",
        components: {
            superLogin
        },
        props: {
            register: {
                type: String,
                default: ''
            },
            forget: {
                type: String,
                default: ''
            },
            url: {
                type: String,
                default: 'Admin/account/login'
            },
            go: {
                type: String,
                default: 'home'
            }
        }
    }
</script>

<style scoped lang="less">
.bg{
    width: 100vw;
    height: 100vh;
    background-image: url("./bg.jpg");
    background-repeat: no-repeat;
    /*background-size: auto 100%;*/
    background-size: cover;
    .login{
        position: absolute;
        left: 65%;
        top: 25%;
    }
}
</style>